- Fix broken visited link styling by avoiding invalid selector
`:link:visited` - CSS :link and :visited are mutually exclusive.
- In link button, move %link from the child label to the parent button,
so that the hover/active effect is applied within the whole button and
the visited style is applied correctly.
- Remove invalid selectors `:backdrop:backdrop`.
*********/
%link,
-button:link,
-link:link {
+link {
color: $link_color;
text-decoration: underline;
&:disabled, &:disabled:backdrop { color: transparentize(desaturate($link_color, 100%), 0.2); }
- &:backdrop { &:backdrop:hover, &:backdrop:hover:selected, & { color: transparentize($link_color, 0.1); }}
+ &:backdrop { color: transparentize($link_color, 0.1); }
@at-root %link_selected,
&:selected,
*:selected & { color: mix($selected_fg_color, $link_color, 80%); }
}
-button:link,
-button:visited {
- @extend %undecorated_button;
-
- text-shadow: none;
+button.link {
+ @extend %link;
+ &,
&:hover,
&:active,
&:checked {
}
> label {
- @extend %link;
+ text-decoration: underline;
}
}